<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@	taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@	taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<c:choose>
	<c:when test="${userInfo == null}">
		<div id="login">
			<a id="btGetBoxLogin" class="corner3 btGetBoxLogin" href="" title="Đăng nhập">Đăng nhập</a>
			<a id="btGetBoxRegister" class="corner3" href='<spring:url value="/thanh-vien/dang-ky.htm" />' title="">Đăng ký</a>
		</div>
	</c:when>
	<c:otherwise>
		<div id="login">
			<a id="btGetBoxManageAccount" href="" title="">
				<img src="${userInfo.avatar}/s27/" alt="avatar ${userInfo.nickName}" />
			</a>
			<p>Chào <b>${userInfo.nickName}</b></p>
			<div id="popupManageAccount" class="rightShadow">
				<img id="arrowTopAccount" src="<spring:url value='/resources/images/arrow-top.png' />" alt="" />
				<div id="imgAvatar">
					<img src="${userInfo.avatar}/s96/" alt="avatar truyenZ.com" />
				</div>
				<div id="listLinkAction">
					<c:choose>
						<c:when test="${userInfo.level == 5 || userInfo.level == 6}"><a href="<spring:url value="/quan-ly/tai-khoan/quan-ly-tai-khoan.htm" />" title="Quản lý user">Quản lý user</a><br /></c:when>
						<c:otherwise><b>${userInfo.email}</b> | Vàng : ${userInfo.toCoin}<br /></c:otherwise>
					</c:choose>
					<a href="<spring:url value="/thanh-vien/danh-sach-truyen-yeu-thich-trang-1.htm" />" title="Các truyện yêu thích">Truyện yêu thích</a><br />
					<a href="<spring:url value="/thanh-vien/danh-sach-chapter-dang-xem-trang-1.htm" />" title="Các chương (chapter) đang theo dõi">Các chương (chapter) đang theo dõi</a><br />
					<a class="btBox corner3" href="<spring:url value="/thanh-vien/thong-tin-ca-nhan.htm" />" title="Quản lý tài khoản">Quản lý Tài khoản</a>
					<a class="btBox corner3" id="logout" href='<spring:url value="/j_spring_security_logout" />'>Thoát</a>
				</div>
				<div class="clear">&nbsp;</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function(){
				$("#logout").click(function(){
					var url = $(this).attr('href');
					$.ajax({
						type:"POST",
						url:url,
						async:false,
						success:function(rs){
							location.reload();
						}
					});
					return false;
				});
// 				$("#btComment").click(function(){
// 					var answer = $("#answer").val();
// 					var contentComment = $("#contentComment").val();
// 					if(contentComment != null && contentComment != ""){
// 						$.ajax({
// 							type:"POST",
// 							url:"<spring:url value='/binh-luan-truyen.htm' />",
// 							data:{idUsr:"${userInfo.id}",idTruyen:"${truyen.id}",contentComent:contentComment,answer:answer},
// 							async:false,
// 							success:function(rs){
// 								if(rs==true){
// 									location.reload();
// 								}else{
// 									alert("Nội dung truyền vào không hợp lệ");
// 								}
// 							}
// 						});
// 					}else{
// 						alert("Dữ liệu truyền vào không hợp lệ!");
// 					}
// 				});
				$("#btYeuThich").click(function(e){
					$.ajax({
						type:"post",
						url:'<spring:url value="/yeu-thich-truyen.htm" />',
						data:({nameTruyen:"${truyen.name}",id:"${userInfo.id}",urlTruyen:$(location).attr("href")}),
						async:false,
						success:function(rs){
							if(rs){
								var txtShow = $("#btYeuThich").html();
								txtShow = (txtShow == "Yêu thích")?"Hủy thích":"Yêu thích";
								$("#btYeuThich").text(txtShow);
							}else{
								$("#btYeuThich").text("Hủy thích");
							}
						}
					});
					e.preventDefault();
					return false;
				});
				$("#btGhiNho").click(function(e){
					var urlChapter = $(location).attr("href");
					$.ajax({
						type:"post",
						url:'<spring:url value="/ghi-nho-chapter-dang-doc.htm" />',
						data:({idChapter:"${chapterTruyen.id}",idTruyen:"${truyen.id}",nameChapter:"${chapterTruyen.name}",id:"${userInfo.id}",urlChapter:urlChapter}),
						async:false,
						success:function(rs){
							if(rs){
								var txtShow = $("#btGhiNho").html();
								txtShow = (txtShow == "Ghi nhớ")?"Hủy ghi nhớ":"Ghi nhớ";
								$("#btGhiNho").text(txtShow);
							}else{
								$("#btGhiNho").text("Hủy ghi nhớ");
							}
						}
					});
					e.preventDefault();
					return false;
				});
			});
		</script>
	</c:otherwise>
</c:choose>
